*{
    margin: 0;
    padding: 0;
}
/*本项目CSS*/
/* 马明宇的样式 */
/*-ms-overflow-style: none;*/
/*火狐下隐藏滚动条*/
/*scrollbar-width: none;*/
.lidisp li{
    display: inline-block;
    padding: 30px 20px;
    margin-left:30px;
}
.pad_16_24{
    padding: 16px 24px
}
.ul li{
    list-style: none;
    display: inline-block;
}
.gl_yc{
    overflow: auto; /* 启用滚动功能 */
    -ms-overflow-style: none; /* 适用于 Internet Explorer 和旧版 Edge */
    scrollbar-width: none; /* 适用于 Firefox */
}
/* 针对 WebKit 浏览器隐藏滚动条 */
.gl_yc::-webkit-scrollbar {
    display: none!important;
}
.bor_l_14{
    border-radius: 14px 0 0 14px;
}
.bor_r_14{
    border-radius: 0 14px 14px 0;
}
.bor_l_10{
    border-radius: 10px 0 0 10px;
}
.bor_r_10{
    border-radius: 0 10px 10px 0;
}
.pad_10{
    padding: 10px;
}
.pad_t_10{
    padding-top: 10px;
}
.pad_t_20{
    padding-top: 20px;
}
.pad_t_15{
    padding-top: 15px;
}
.pad_15{
    padding: 15px;
}
.pad_20{
    padding: 20px;
}
.pad_25{
    padding: 25px;
}
.pad_24{
    padding: 24px;
}
.gd_1-5{
    transition: 1.5s;
}
.gd_1{
    transition: 1s;
}
.gd_05{
    transition: 0.5s;
}
.xt{
    font-weight:lighter;
}
.wz_ys{
    font-family:Arial,Helvetica,sans-serif;
}
.wz_zi{
    color: #4e7bfe;
}
.wz_yell{
    background-color: #ffdadb;
    color: #dd2b22;
    border-left: 4px solid #dd2b22;
}
.pad_l_5{
    padding-left:5%;
}
.btn button{
    padding: 5px 15px;
    border-radius: 5px;
    border: 1px white solid;
    background-color: rgb(55, 143, 243);
    color: white;
}
.d_l {
    display: inline-block;
}
.v_m {
    vertical-align: middle;
}
.whe_max{
    width: 100%;
    height: 100%;
}
.whe_maxv{
    width: 100vw;
    height: 100vh;
    /* overflow: hidden; */
}
.ba_hui{
    background-color: #8e8e92;
}
.ba_qhui{
    background-color: #f5f7fa;
}
.ba_qhei{
    background-color: #14161a;
}
.tr_none{
    border-collapse: collapse;
}
.mag_0 {
    margin: 0 auto;
}
.hide{
    display: none;
}
.box_yy{
    box-shadow: 0 8px 8px rgba(10,16,20,.24),0 0 8px rgba(10,16,20,.12);
    text-decoration: none;
}
.xyy{
    box-shadow: 0 2px 2px rgba(10,16,20,.24),0 0 8px rgba(10,16,20,.12);
    text-decoration: none;
}
.wz_ju{
    color: #DC2D22;
}
.wz_hui{
    color: #8C8C8C;
    /*color: #8E8E8E;*/
}
.wz_huis{
    color: #595959;
    /*color: #8E8E8E;*/
}
.wz_black{
    color: black;
}
.wz_white{
    color: white;
}
.wz_red{
    color: #d9001b;
}
.wz_blue{
    color: #006be6 !important;
}
/* 边框弧度 边框弧度 边框弧度*/
.bor_15{
    border-radius: 15px;
}
.bor_17{
    border-radius: 17px;
}
.bor_10{
    border-radius: 10px;
}
.bor_5{
    border-radius: 5px;
}
.bor_4{
    border-radius: 4px;
}
.bor_12{
    border-radius: 12px;
}
.bor_20{
    border-radius: 20px;
}
.bor_25{
    border-radius: 25px;
}
.bor_40{
    border-radius: 40px;
}
.bor_50{
    border-radius: 50px;
}
.bor_255{
    border-radius: 50%;
}
/* 去边框 去边框 去边框*/
.bor_none{
    border: none;
}
.bor_none{
    border: none;
}
/* 去掉三条边框的文本框 去掉三条边框的文本框*/
.bor_3none{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: #F4F4F4 1px solid;
}
/* 背景色 */
.ba_red{
    background-color: red;
}
.ba_redd{
    background-color: #FF5F52;
}
.ba_white{
    background-color: white;
}
.ba_hei{
    background-color: black;
}
.xd{
    position: relative;
}
.jd{
    position: absolute;
}
.pm{
    position: fixed;
}
.zi{
    position: absolute;
    width: 500px;
    height: 300px;
    left:50%;
    top:50%;
    background-color: white;
    transform: translate(-50%, -50%);
    box-shadow: 0 8px 8px rgba(10,16,20,.24),0 0 8px rgba(10,16,20,.12);
    text-decoration: none;
}
.zimax{
    position: absolute;
    width: 70%;
    height: 80%;
    left:50%;
    top:50%;
    background-color: white;
    transform: translate(-50%, -50%);
    box-shadow: 0 8px 8px rgba(10,16,20,.24),0 0 8px rgba(10,16,20,.12);
    text-decoration: none;
}
.ba_mchei{
    background-color: rgba(78,76,79,0.95);
}
.nc{
    z-index: 100001;
}
.mc{
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: rgba(24,24,24,0.3);
    /*background-color: rgba(176,196,222,0.98);*/
}
.mcadd{
    border-radius: 15px;
    width: 80%;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 25%;
    margin: auto;
    /*box-shadow: 0 8px 8px rgba(10, 16, 20, 0.24), 0 0 8px rgba(10, 16, 20, 0.12);*/
}
.xc{
    outline: none;
}
.xcc input select{
    outline: none;
}
.pad_5{
    padding: 5px;
}
.fz_30{
    font-size: 30px;
}
.fz_40{
    font-size: 40px;
}
.fz_46{
    font-size: 46px;
    line-height: 54px;
    color: #262626;
}
.fz_50{
    font-size: 50px;
}
.fz_100{
    font-size: 100px;
}
.fz_120{
    font-size: 120px;
}
.fz_130{
    font-size: 130px;
}
.fz_90{
    font-size: 90px;
}
.fz_80{
    font-size: 80px;
}
.fz_55{
    font-size: 55px;
}
.fz_12{
    font-size: 12px;
}
.fz_13{
    font-size: 13px;
}
.pad_50_0{
    padding: 50px 0;
}
.fz_20{
    font-size: 20px;
}
.fz_25{
    font-size: 25px;
}
.fz_26{
    font-size: 26px;
}
.fz_21{
    font-size: 21px;
}
.fz_24{
    font-size: 24px;
}
.fz_15{
    font-size: 15px;
}
.fz_16{
    font-size: 16px;
}
.fz_17{
    font-size: 17px;
}
.fz_18{
    font-size: 18px;
}
.fz_30{
    font-size: 30px;
}
.fz_32{
    font-size: 32px;
}
.fz_34{
    font-size: 34px;
}
.fz_36{
    font-size: 36px;
}
.fz_27{
    font-size: 27px;
}
.fz_28{
    font-size: 28px;
}
.fz_14{
    font-size: 14px;
}
/*  水平垂直居中 水平垂直居中 */
.jz_flex{
    display: flex;
    justify-content:center;
    align-items: center;
}

.b_flex{
    display: flex  ;
    flex-direction: column;
    justify-content: flex-end;
}
.t_flex{
    display: flex  ;
    flex-direction: column;
    justify-content: flex-start;
}
/* 强行不换行 */
.flex_two{
    align-items:flex-start;
}
/* 垂直居中 垂直居中 垂直居中*/
.czjz_flex{
    display: flex;
    align-items: center;
}
.sz{
    cursor: pointer;
}
.spjz_flex{
    display: flex;
    justify-content:center;
}
.flex_hh{
    flex-wrap: wrap;
}
/* flex-wrap: nowrap | wrap | wrap-reverse; */
/* flex布局 flex布局 flex布局*/
.wh_f{
    display: flex;
}
/*.zzdq{*/
/*    align-items: stretch;*/
/*}*/
.he_f{
    flex-flow: column;
    display: flex;
}
.bor_bai{
    border: white 1px solid;
}
.box {
    /*width: 300px;*/
    /*margin: 10px auto;*/
    overflow: hidden;
    /*background: #fff;*/
    /*border-radius: 5px;*/
    /*padding: 5px;*/
}
/*文字播放效果*/
.roll {
    white-space: nowrap;
    animation: 5s loop linear infinite normal;
    display: inherit;
}
@keyframes loop {
    0% {
        transform: translateX(300px);
        -webkit-transform: translateX(300px);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}
@-webkit-keyframes loop {
    0% {
        transform: translateX(300px);
        -webkit-transform: translateX(300px);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}
.op_5{
    opacity: 0.5;
}
.op_4{
    opacity: 0.4;
}
.op_3{
    opacity: 0.3;
}
.op_2{
    opacity: 0.2;
}
.op_1{
    opacity: 0.1;
}
.op_9{
    opacity: 0.9;
}
.op_9-5{
    opacity: 0.95;
}
.op_8{
    opacity: 0.8;
}
.flex_1{
    flex: 1;
}
.flex_2{
    flex: 2;
}
.flex_3{
    flex: 3;
}
.flex_4{
    flex: 4;
}
.flex_5{
    flex: 5;
}
.flex_6{
    flex: 6;
}
.flex_7{
    flex: 7;
}
.flex_8{
    flex: 8;
}
.flex_9{
    flex: 9;
}
.flex_10{
    flex:10 ;
}
/* 超出滚轮 */
.gunl{
    overflow-x: hidden;
    overflow-y: auto;
}
.bor_b_hui{
    border-bottom: 1px solid #ebebeb;
}
.mag_20_0{
    margin: 20px 0;
}
.mag_10_0{
    margin: 10px 0;
}
.bor_b_xu{
    border-bottom: 1px dashed #ebebeb;
}
.bor_t_hui{
    border-top: 1px solid #ebebeb;
}
.bor_tb_hui{
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
}
/* 边框样式 边框样式 边框样式*/
.bor_1_hui{
    border: 1px solid #dcdfe6;
}
.bor_1_hei{
    border: 1px black solid;
}
.bor_15{
    border-radius: 15px;
}
.bor_10{
    border-radius: 10px;
}
.bor_5{
    border-radius: 5px;
}
.bor_3{
    border-radius: 3px;
}
/* 固定宽高样式 固定宽高样式 固定宽高样式*/
.wh_100{
    width: 100px;
}
.wh_50{
    width: 50px;
}
.wh_55{
    width: 55px;
}
.wh_60{
    width: 60px;
}
.wh_70{
    width: 70px;
}
.wh_40{
    width: 40px;
}
.wh_30{
    width: 30px;
}
.wh_20{
    width: 20px;
}
.he_100{
    height: 100px;
}
.he_50{
    height: 50px;
}
.he_55{
    height: 55px;
}
.he_45{
    height: 45px;
}
.he_40{
    height: 40px;
}
.he_35{
    height: 35px;
}
.he-300{
    height:300px
}
.he_30{
    height: 30px;
}
.he_25{
    height: 25px;
}
.he_20{
    height: 20px;
}
.v_m {
    vertical-align: middle;
}
/* 宽高比例样式 宽高比例样式 宽高比例样式*/
.wh_max{
    width: 100%;
}
.he_max{
    height: 100%;
}
.wh_8{
    width: 80%;
}
.wh_2{
    width: 20%;
}
.wh_3{
    width:30% ;
}
.wh_3-5{
    width:35% ;
}
.wh_2-5{
    width: 25%;
}
.wh_2-7{
    width: 27%;
}
.wh_4{
    width:40%;
}
.wh_4-5{
    width:45%;
}
.wh_5{
    width:50%;
}
.wh_5-5{
    width:55%;
}
.wh_7{
    width:70% ;
}
.wh_6{
    width: 60%;
}
.wh_6-5{
    width: 65%;
}
.wh_1{
    width:10% ;
}
.wh_9{
    width:90% ;
}
.wh_9-5{
    width: 95%;
}
.wh_9-8{
    width: 98%;
}
.wh_9-7{
    width: 97%;
}
.wh_9-6{
    width: 96%;
}
.he_8{
    height:80% ;
}
.he_4{
    height:40% ;
}
.he_5-5{
    height:55% ;
}
.he_6{
    height:60% ;
}
.he_6-5{
    height:65% ;
}
.he_2{
    height:20% ;
}
.he_1{
    height: 10%;
}
.he_0-5{
    height: 5%;
}
.he_1-5{
    height: 15%;
}
.he_9{
    height:90% ;
}
.basize_100{
    background-size: 100% 100%;
}
.he_3{
    height:30% ;
}
.he_5{
    height: 50%;
}
.he_7{
    height:70% ;
}
.jz{
    margin: auto;
}
.lef-10{
    left: 10px;
}
.lef-5{
    left: 5px;
}
.lef-1{
    left: 1px;
}
.lef-2{
    left: 2px;
}
.lef-3{
    left: 3px;
}
.lef-4{
    left: 4px;
}
.rig-10{
    right:10px;
}
.rig-30{
    right:30px;
}
.rig-5{
    right:5px;
}
.rig-1{
    right:1px;
}
.rig-2{
    right:2px;
}
.rig-3{
    right:3px;
}
.rig-4{
    right:4px;
}
.rig-20{
    right:20px;
}
/* 文字样式 文字样式 文字样式*/
.em{
    font-weight: bold;
}
.wz_cu{
    font-weight:bold;
}

.wz_jz{
    text-align: center;
}
.wz_fz_14{
    font-size: 14px;
}
.sx_flex{
    display: flex;
    flex-direction: column;
}
.cm{
    flex: 1;
}
.ccsl_1{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}/*两行隐藏*/
.ccsl_2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow:hidden;
    word-break: break-all;
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    /*overflow: hidden!important;*/
    /*text-overflow: ellipsis;*/
}
.disb{
    display: block;
}
/*四行隐藏*/
.ccsl_4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow:hidden;
}
.disp{
    display: inline-block;
}
.flo_l{
    float: left;
}
.flo_r{
    float: right;
}
.qcfd{
    overflow:hidden;
}
.boxs{
    box-sizing: border-box;
}
.hh{
    table-layout: fixed;
    white-space: normal
}
/* margin边距 margin边距 margin边距*/
.mag_l-10{
    margin-left: 10px;
}
.mag_l-100{
    margin-left: 100px;
}
.mag_l-20{
    margin-left: 20px;
}
.mag_l-30{
    margin-left: 30px;
}
.mag_l-40{
    margin-left: 40px;
}
.mag_l-15{
    margin-left: 15px;
}
.mag_l-5{
    margin-left: 5px;
}
.mag_l-1{
    margin-left: 1px;
}
.mag_l-2{
    margin-left: 2px;
}
.mag_l-3{
    margin-left: 3px;
}
.mag_r_10{
    margin-right: 10%;
}
.mag_r_5{
    margin-right: 5%;
}
.mag_r_1{
    margin-right: 1%;
}
.mag_r_2{
    margin-right: 2%;
}
.mag_r_3{
    margin-right: 3%;
}
.mag_r_4{
    margin-right: 4%;
}
.mag_r_15{
    margin-right: 15%;
}
.mag_r_10{
    margin-left: 10%;
}
.mag_r-10{
    margin-right: 10px;
}
.mag_r-20{
    margin-left: 20px;
}
.mag_r-5{
    margin-left: 5px;
}
.mag_r-4{
    margin-left: 4px;
}
.mag_r-4{
    margin-left: 4px;
}
.mag_r-3{
    margin-left: 3px;
}
.mag_r-2{
    margin-left: 2px;
}
.mag_r-1{
    margin-left: 1px;
}
.mag_l_15{
    margin-left: 15%;
}
.mag_t-10{
    margin-top: 10px;
}
.mag_t-15{
    margin-top: 15px;
}
.mag_t-1{
    margin-top: 1px;
}
.mag_t-10{
    margin-top: 10px;
}
.mag_t-15{
    margin-top: 15px;
}
.mag_t-5{
    margin-top: 5px;
}
.mag_t-20{
    margin-top:20px;
}
.mag_t-30{
    margin-top: 30px;
}
.mag_t-50{
    margin-top: 50px;
}
.mag_l_5{
    margin-left: 5%;
}
.mag_l_15{
    margin-left: 15%;
}
.mag_l_10{
    margin-left: 10%;
}
.mag_l_3{
    margin-left: 3%;
}
.mag_l_2{
    margin-left: 2%;
}
.m-auto{
    margin: 0 auto;
}
.mag_l_1{
    margin-left: 1%;
}
.mag_t_1{
    margin-top: 1%;
}
.mag_t_2{
    margin-top: 2%;
}
.mag_t_3{
    margin-top: 3%;
}
.mag_t_4{
    margin-top: 4%;
}
.mag_t_5{
    margin-top: 5%;
}
.mag_t_7{
    margin-top: 7%;
}
.mag_t_9{
    margin-top: 9%;
}
.mag_t_10{
    margin-top: 10%;
}
.mag_t_15{
    margin-top: 15%;
}
.mag_t_20{
    margin-top: 20%;
}
.mag_t_25{
    margin-top: 25%;
}
.mag_b_1{
    margin-bottom: 1%;
}
.mag_b_2{
    margin-bottom: 2%;
}
.mag_b_3{
    margin-bottom: 3px;
}
.mag_b_4{
    margin-bottom: 4px;
}
.mag_b_5{
    margin-bottom: 5px;
}
.mag_b_10{
    margin-bottom: 10px;
}
.mag_b_15{
    margin-bottom: 15%;
}
.mag_b_20{
    margin-bottom: 20px;
}
.wz_dq{
    vertical-align: middle;
}
.wz_leftdq{
    text-align: left;
}
.wz_rigdq{
    text-align: right;
}
.pad_l_20{
    padding-left: 20px;
    box-sizing: border-box;
}
.pad_l_30{
    padding-left: 30px;
    box-sizing: border-box;
}
.pad_r_20{
    padding-right: 20px;
    box-sizing: border-box;
}
/*.wz_topdq{*/
/*    text-align: top;*/
/*}*/
.text_rightdq{
    text-align: right;
}
.ccgl{
    overflow: auto;
}
.ba_yell{
    background-color: #FDCB2C;
}
.ba_gr{
    background-color: #0fb872;
}
.ba_blue{
    background-color: #3790fe;
}
.ba_xblue{
    background-color: #dfedff;
}
.ba_zi{
    background-color: #6c4ef2;
}
.ccyc{
    overflow: hidden;
}
.bhh{
    white-space: nowrap;
}
.ddisp > div{
    display: inline-block;
}
.xsgb{
    cursor: pointer;
}
.split3{
    display: inline-block;
    vertical-align: middle;
    width:33%;
}
.split4{
    display: inline-block;
    vertical-align: middle;
    width:25%;
}
.split_8_2 {
    white-space: nowrap;
}
.split_8_2 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_8_2 > div:nth-child(1){
    width: 80%;
}
.split_8_2 > div:nth-child(2){
    width: 20%;
}
.split_15_85{
    white-space: nowrap;
}
.split_15_85 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_15_85 > div:nth-child(1){
    width: 15%;
}
.split_15_85 > div:nth-child(2){
    width: 85%;
}
.split_2_8 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_2_8 > div:nth-child(1){
    width: 20%;
}
.split_2_8 > div:nth-child(2){
    width: 80%;
}
.split_2_7 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_2_7 > div:nth-child(1){
    width: 20%;
}
.split_2_7 > div:nth-child(2){
    width: 70%;
}
.split_9_1 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_9_1 > div:nth-child(1){
    width: 90%;
}
.split_9_1 > div:nth-child(2){
    width: 10%;
    text-align: right;
}
.split_7_3 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_7_3 > div:nth-child(1){
    width: 70%;
}
.split_7_3 > div:nth-child(2){
    width: 30%;
}
.split_3_7 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_3_7 > div:nth-child(1){
    width: 30%;
}
.split_3_7 > div:nth-child(2){
    width: 70%;
}
.split_3_3 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_3_3 > div:nth-child(1){
    width: 33%;
}
.split_3_3 > div:nth-child(2){
    width: 33%;
}
.split_3_3 > div:nth-child(3){
    width: 33%;
}
.split_1_9 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_1_9 > div:nth-child(1){
    width: 10%;
}
.split_1_9 > div:nth-child(2){
    width: 90%;
}
.split_4_6 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_4_6 > div:nth-child(1){
    width: 40%;
}
.split_4_6 > div:nth-child(2){
    width: 60%;
}

.split_6_4 > div{
    display: inline-block;
    vertical-align: middle;
}
.split_6_4 > div:nth-child(1){
    width: 60%;
}
.split_6_4 > div:nth-child(2){
    width: 40%;
}
.split_2, .split_3{
    white-space: nowrap;
}
.split_2 > div{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}
.split_3 > div{
    width: calc(100% / 3);
    display: inline-block;
    vertical-align: middle;
}
.split2_r{
    display: inline-block;
    vertical-align: middle;
    width:50%;
    text-align: right;
}
.op_9{
    opacity: 0.9;
}

.ba_heis{
    background-color: #1a1a1a;
}

.mcto{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    border-right: 1px solid black;
    /*background-color: rgba(176,196,222,0.98);*/
}
.bor_b{
    border-bottom: 1px rgb(221, 218, 218) solid;
}
.centerdq{
    vertical-align:middle;
}
.topdq{
    vertical-align: top!important;
}
.bottomdq{
    vertical-align:bottom;
}
.pad_20_0{
    padding: 20px 0;
}
.pad_10_0{
    padding: 10px 0;
}
.pad_5_0{
    padding: 5px 0;
}
.pad_3_0{
    padding: 3px 0;
}
.pad_5_10{
    padding: 5px 10px;
}
.pad_3{
    padding: 3px;
}
.pad_2{
    padding: 2px;
}
.pad_15_0{
    padding: 15px 0;
}
.pad_0_15{
    padding: 0 15px;
}
.pad_0_20{
    padding: 0 20px;
}
.pad_0_10{
    padding: 0 10px;
}
.pad_b_20{
    padding: 0 0 20px 0;
}
.pad_b_30{
    padding: 0 0 30px 0;
}
.pad_b_10{
    padding: 0 0 10px 0;
}
.pad_30_0{
    padding: 30px 0;
}
/*禁止滑动*/
/* catchtouchmove="ture" */

.ba_huis{
    background-color: #81b8fd;
}
.back_hui{
    background-color: #f6f8f9;
}
.bor_dx_hui{
    border-bottom:5px dotted #f0f0f0;
}

.leftx::before{
    content: '';
    display: inline-block;
    width: 120px;
    height: 2px;
    background-color: #74b1fd;
    position: absolute;
    top: 21%;
    left: 58%;
}
.leftxs::before{
    content: '';
    display: inline-block;
    width: 122px;
    height: 2px;
    background-color: #74b1fd;
    position: absolute;
    top: 21%;
    left: 58%;
}
.leftxzt::before{
    content: '';
    display: inline-block;
    width: 112px;
    height: 2px;
    background-color: #74b1fd;
    position: absolute;
    top: 20%;
    left: 64%;
}
.leftxto::before{
    content: '';
    display: inline-block;
    width: 154px;
    height: 2px;
    background-color: #74b1fd;
    position: absolute;
    top: 20%;
    left: 57%;
}
.leftxztto::before{
    content: '';
    display: inline-block;
    width: 152px;
    height: 2px;
    background-color: #74b1fd;
    position: absolute;
    top: 20%;
    left: 61%;
}

.leftxztbot{
    border: 6px solid white;
    background-color: #ffa617;
    box-sizing: border-box;
    width: 40px !important;
    height: 40px !important;
    margin-top: -10px;
}
.leftxztto{
    border: 6px solid white;
    background-color: #ffa617;
    box-sizing: border-box;
    width: 40px !important;
    height: 40px !important;
    margin-top: -10px;
}
.leftxzt{
    border: 6px solid white;
    background-color: #ffa617;
    box-sizing: border-box;
    width: 40px !important;
    height: 40px !important;
    margin-top: -10px;
}
.leftxzts{
    border: 6px solid white;
    background-color: #ffa617;
    box-sizing: border-box;
    width: 40px !important;
    height: 40px !important;
    margin-top: -10px;
}
.leftxzts::before{
    content: '';
    display: inline-block;
    width: 112px;
    height: 2px;
    background-color: #74b1fd;
    position: absolute;
    top: 20%;
    left: 64%;
}
.mczi{
    border-radius: 15px;
    width: 100%;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 25%;
    margin: auto;
    /*box-shadow: 0 8px 8px rgba(10, 16, 20, 0.24), 0 0 8px rgba(10, 16, 20, 0.12);*/
}
.bor_14{
    border-radius: 14px;
}


.tabxhx{
    border-bottom: 6px solid #3790fe;
    font-weight:bold;
    color: #3790FE;
}
.ljt{
    width:24px;
    height:220px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.hjt{
    width:24px;
    height:50px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.ba_xhui{
    background-color: #F5F5F5;
}
.pad_20_30{
    padding: 20px 30px;
}
.wz_qhui{
    color: #666666;
}
.mag_tb_20{
    margin-top: 20px;
    margin-bottom: 20px;
}
.pad_0_20_10{
    padding: 0 20px 10px 20px;
}
.ba_shui{
    background-color: #bfbfbf;
}
.ba_syell{
    background-color: #ffa617;
    border-radius: 10px;
    color: white;
    margin: 20px;
}
.pad_20_30{
    padding: 20px 30px;
}
.wz_syell{
    color: #FFA617 !important;
}
.wz_shui{
    color: #999999 ;
}
.tbxz_s{
    transform: rotate(180deg);
    color: #3790FE;
    transition:all 0.5s;
}
.tbxz_x{
    transform: rotate(360deg);
    transition:all 0.5s;
}
.i180{
    transform: rotate(180deg);
    transition: all 0.5s;
}
.i0{
    transform: rotate(0deg);
    transition: all 0.5s;
}
.i90{
    transform: rotate(90deg);
    transition: all 0.5s;
}
.i270{
    transform: rotate(270deg);
    transition: all 0.5s;
}
.li_b{
    border-bottom: 3px solid #0fb872;
    box-sizing: border-box;
    padding: 27px 20px;
}
.fz_yellow{
    color: #f36911;
    transition: 0.5s;
}
.fz_yellow::before{
    content: '';
    display: inline-block;
    height: 2px;
    width: 82px;
    background-color: #f36911;
    position: absolute;
    bottom: 5px
    /*color: #f36911;*/
    /*border-bottom: 2px solid #f36911;*/
    /*transition: 0.5s;*/
}
.homefz_yellow{
    color: #f36911;
    border-bottom: #f36911 2px solid;
}
.home:hover{
    color: #f36911;
    border-bottom: #f36911 2px solid;
}
.hoverdiv:hover{
    transition: 0.5s;
    box-shadow: 0 2px 2px rgba(10,16,20,.24),0 0 2px +rgba(10,16,20,.12);
    text-decoration: none;
}
.bluejb{
    transition: all 0.3s;
    color: #6ECBF6!important;
    background-image: linear-gradient(to right, #0f4067, transparent);
}
.xj{
    background-color: #f56c6c;
    color: white;
    padding:0 10px;
    border-radius: 5px;
    font-size: 12px;
    border: 1px solid #b25252;
}
.sj{
    background-color: #1f3a11;
    color: #5ec22b;
    padding:0 10px;
    border-radius: 5px;
    font-size: 12px;
    border: 1px solid #294e17;
}
/*fade-enter:进入过渡的开始状态，元素被插入时生效，只应用一帧后立刻删除。*/
/*fade-enter-active:进入过渡的结束状态，元素被插入时就生效，在过渡过程完成后移除。*/
/*fade-leave:离开过渡的开始状态，元素被删除时触发，只应用一帧后立刻删除。*/
/*fade-leave-active:离开过渡的结束状态，元素被删除时生效，离开过渡完成后被删除。*/
/*in-out(mode默认in-out模式）：新元素先进入过渡，完成之后当前元素过渡离开。*/
/*       out-in：当前元素先进行过渡离开，离开完成后新元素过渡进入。*/
.form input{
    font-size: 15px;
    padding: 5px;
    outline: none;
}
.form span{
    font-size: 15px;
}
.form > div{
    margin-top: 20px;
}
.ba_op{
    background:rgba(255,255,255,0.6)
}
.ba_hei_op{
    background: rgba(35, 35, 35, 0.6)
}



.el-carousel__indicator--horizontal .el-carousel__button {
    width: 10px;
    height: 10px;
    background: transparent;
    border: 1px solid #ffffff;
    border-radius: 50%;
    opacity: 0.5;
}
.el-carousel__indicator--horizontal.is-active .el-carousel__button{
    width: 10px;
    height: 10px;
    background: #ffffff;
    border-radius: 50%;
    opacity: 1;
}
.hover_yellow:hover{
    color: #F84C27;
}
/*路由过渡动画*/
/*路由过渡动画*/
.router_gd-enter-active{
    opacity: 0;
    transition:all 0.7s;
    position: relative;
    left:-50px;
}
.router_gd-enter-to{
    opacity: 1;
    transition:all 0.7s;
    position: relative;
    left:0px;
}
.router_gd-leave-active{
    opacity: 1;
    transition:all 0.5s;
    position: relative;
    left:0px;
}
.router_gd-leave-to{
    opacity: 0;
    transition:all 0.7s;
    position: relative;
    left: 50px;
}



/*.scale-enter-active,*/
/*.scale-leave-active {*/
/*    transition: all 0.5s ease;*/
/*}*/
/*.scale-enter-from,*/
/*.scale-leave-to {*/
/*    opacity: 0;*/
/*    transform: scale(0.9);*/
/*}*/


.transitionBody{
    transition: all 0.4s ease-out;
}
.transitionLeft-enter,
.transitionRight-leave-active {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
}
.transitionLeft-leave-active,
.transitionRight-enter {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}
.transitionLeft-enter-active,
.transitionRight-enter-active {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
/*缩放过渡*/
.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.5s ease;
}
.fade-enter,
.fade-leave-to {
    opacity: 0;
}
/*滑动过渡*/
.slide-enter-active,
.slide-leave-active {
    transition: all 0.75s ease-out;
}
.slide-enter-to {
    position: absolute;
    right: 0;
}
.slide-enter {
    position: absolute;
    right: -100%;
}
.slide-leave-to {
    position: absolute;
    left: -100%;
}
.slide-leave {
    position: absolute;
    left: 0;
}
.wrapper {
    width: 100%;
    min-height: 100vh;
    background: chartreuse;
}
/*缩放*/
scale-enter-active,
.scale-leave-active {
    transition: all 0.5s ease;
}
.scale-enter-from,
.scale-leave-to {
    opacity: 0;
    transform: scale(0.9);
}
.titSpan{
    font-size: 14px;
    padding: 8px 10px;
    margin-left: 10px;
    border-radius: 5px;
}
.titSpan_xz{
    background-color: #fce8e5;
    color: #dd2b22;
}
.wh_1200{
    width: 1200px;
    min-height: 700px;
}
.jzxz{
    user-select:none;
}

.el-textarea__inner{
    min-height: 100px!important;
}
.zf_hover:hover{
    background-color: #ecf4fc;
}

::v-deep.stretchNone{
}
.el-textarea__inner {
    resize: none;
}
.img_size{
    width: 100%;
    aspect-ratio: 1/1;
}

.el-pager li.active{
    color:white !important;/*仅设置active时的文字颜色*/
    background-color: #DC2D22!important;
}

.el-carousel__container {
    height: 622px!important;
}


/*按钮css*/

.tdbutton {
    z-index: 1;
    font-size: inherit;
    font-family: inherit;
    color: white;
    padding: 10px 10em;
    outline: none;
    border: none;
    background-color: #165dff;
    border-radius: 5px;
}
.tdbutton:hover {
    cursor: pointer;
    animation: jelly 0.5s;
}
.tdbutton:active{
    opacity: 0.7;
}



@keyframes jelly {
    0%,
    100% {
        transform: scale(1, 1);
    }
    25% {
        transform: scale(0.9, 1.1);
    }
    50% {
        transform: scale(1.1, 0.9);
    }
    75% {
        transform: scale(0.95, 1.05);
    }
}
.coll{
    border: 1px solid #36363a;
    padding: 20px;
    border-radius: 10px;
    background-color: #1c1e23;
    min-height: 100px;
}
.coll_title{
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 20px;
}
/*本项目css*/
/*element-plus*/
/*深色模式*/
.ba_qianse{
    background-color: #f5f7fa;
}
.ba_shense{
    background-color: #14161a;
}
.ba_huise{
    background-color: #1c1e23;
}
/*图标的hover*/
.icon_hover{
    padding: 10px;
    cursor: pointer;
    border-radius: 10px;
    display: flex;
    justify-content:center;
    align-items: center;
}
.iconssms_hover:hover{
    background-color: #495a77;
}
.iconqsms_hover:hover{
    background-color: #e0eaf4;
}
.ssms-menu{
    color: white;
}
.qsns-menu{
    /*background-color: #3574f0!important;*/
    color: black!important;
}
/*element 左侧导航栏的移入变色*/
.wz_white .el-sub-menu__title:hover {
    background-color: #2e3033 !important; /* 暗色模式的背景色 */
    border-radius: 10px;
}
.wz_black .el-sub-menu__title:hover {
    background-color: #e5e9ff !important; /* 亮色模式的背景色，可以自定义 */
    border-radius: 10px;
    color: #6869fd;
}
.yjdhl:hover{
    background-color: #3586d6 !important;
    border-radius: 10px;
    color: #4e69fc!important;
}
.el-menu {
    //background-color: #1c1e23;
    //color: white;
    /*border-right: 1px solid var(--el-menu-border-color);*/
    border-right: none;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding-left: 0;
    position: relative;
}
.el-menu-item{
    color: white;
    border-radius: 10px;
}
.ssms{
    background-color: #1c1e23;
    box-shadow: 0px -1px 0px 0px rgba(54, 54, 58) inset;
}
.qsms{
    color: black;
    --el-card-border-color: var(--el-border-color-light);
    --el-card-border-radius: 4px;
    --el-card-padding: 20px;
    --el-card-bg-color: var(--el-fill-color-blank);
    background-color: var(--el-card-bg-color);
    border: 1px solid var(--el-card-border-color);
    box-sizing: border-box;
    border-radius: var(--el-card-border-radius);
    color: var(--el-text-color-primary);
    overflow: hidden;
    transition: var(--el-transition-duration);
    /*background-color: white;*/
}

.ssms-er:hover {
    background-color: #2e3033!important;
    border-radius: 10px;
    /*background-color: var(--el-menu-hover-bg-color);*/
}
.qsms-er:hover {
    background-color: #e5e9ff!important;
    border-radius: 10px;
    color: #4e69fd;
    /*background-color: var(--el-menu-hover-bg-color);*/
}
:root{
    --el-menu-border-color: #1c1e23!important;
}
html.dark {
    --bPageBgColor: #0a0a0a;
    --bTextColor: #fff;
// --el-bg-color-page: #0a0a0a;
// --el-bg-color: #141414;

// single page use
--roleHeaderBgColor: #0e0e0e;
    --selectRowBgColor: #414243;
}
.ba_mhl{
    background-color: #0069df;
}
.el-result .el-result__icon {
    font-size: 12px; /* 修改为你需要的大小 */
}
.el-table--border{
    width: 99%!important;
}
